﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body style="background-color: rgb(248, 246, 242);">

    <div class="container-fluid">
        <br />
        <div class="panel panel-default">
            <div class="panel-heading">
                任务列表

                <div class="btn-group btn-group-xs pull-right">
                    <button type="button" class="btn btn-default">待入库</button>
                    <button type="button" class="btn btn-default">已入库</button>
                    <button type="button" class="btn btn-default">其它</button>
                </div>

            </div>
            <div class="panel-body">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-btn">
                                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">运单号 <span class="caret"></span></button>
                                    <ul class="dropdown-menu" role="menu">
                                        <li><a href="#">Action</a></li>
                                        <li><a href="#">Another action</a></li>
                                        <li><a href="#">Something else here</a></li>
                                        <li class="divider"></li>
                                        <li><a href="#">Separated link</a></li>
                                    </ul>
                                </div><!-- /btn-group -->
                                <input type="text" class="form-control">
                            </div><!-- /input-group -->
                        </div>
                    </div><!-- /.col-lg-6 -->
                    <div class="col-sm-6">
                        <div class="form-group">
                            <div class="input-group">
                                <input type="text" class="form-control">
                                <div class="input-group-btn">
                                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
                                    <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                        <li><a href="#">Action</a></li>
                                        <li><a href="#">Another action</a></li>
                                        <li><a href="#">Something else here</a></li>
                                        <li class="divider"></li>
                                        <li><a href="#">Separated link</a></li>
                                    </ul>
                                </div><!-- /btn-group -->
                            </div><!-- /input-group -->
                        </div>
                    </div><!-- /.col-lg-6 -->
                </div><!-- /.row -->
                <form class="form-inline" role="form">
                    <div class="form-group">
                        <label class="sr-only" for="exampleInputEmail2">Email address</label>
                        <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email">
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <div class="input-group-addon">@</div>
                            <input class="form-control" type="email" placeholder="Enter email">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="exampleInputPassword2">Password</label>
                        <input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password">
                    </div>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox"> Remember me
                        </label>
                    </div>
                    <button type="submit" class="btn btn-default">Sign in</button>
                </form>
            </div>
            <div class="table-responsive">
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr class="active">
                            <th>ID</th>
                            <th>名称</th>
                            <th>执行频率</th>
                            <th style="min-width:160px">成功-警告-失败</th>
                            <th>分组</th>
                            <th>类型</th>
                            <th>
                                状态 <!-- public enum TriggerState { NONE, NORMAL, PAUSED, COMPLETE, ERROR, BLOCKED } -->
                            </th>
                            <th>创建人</th>
                            <th style="min-width:100px">操作</th>
                        </tr>
                    </thead>
                    <tbody>

                        <tr data-item-id="2">
                            <td style="border-left1: 0.8em solid gray;">2</td>
                            <td title="HttpJob.38a45a0d-18a6-47aa-9fe8-036d0ec9890a">
                                <a href="/job/itemlist/2">工单自动分配监控</a>
                            </td>
                            <td>0 0 23 * * ?</td>

                            <td>
                                <a type="button" class="btn btn-default btn-xs btn-success"
                                   href="/job/itemlist/2?show=Success">325</a>
                                -
                                <span class="label label-warning">0</span>
                                -
                                <a type="button" class="btn btn-default btn-xs btn-danger"
                                   href="/job/itemlist/2?show=Failure">65</a>
                            </td>
                            <td>
                                <a href="/job/list/20">大工单</a>
                            </td>
                            <td>HttpJob</td>
                            <td class="triggerState">NORMAL</td>
                            <td>yujingu NORMAL</td>
                            <td>

                                <!-- Split button -->
                                <div class="btn-group">
                                    <button type="button" class="btn btn-xs btn-info">
                                        <span class="glyphicon glyphicon-pause" aria-hidden="true"></span>
                                        暂停
                                    </button>
                                    <button type="button" class="btn btn-xs btn-warning dropdown-toggle" data-toggle="dropdown">
                                        <span class="caret"></span>
                                        <span class="sr-only">Toggle Dropdown</span>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                        <li>
                                            <a href="#">
                                                <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
                                                修改
                                            </a>
                                        </li>
                                        <li><a href="#"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> 查看</a></li>
                                        <li><a href="#"><span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span> 其它操作</a></li>
                                        <li class="divider"></li>
                                        <li><a href="#"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> 删除</a></li>
                                    </ul>
                                </div>

                            </td>
                        </tr>

                        <tr data-item-id="5">
                            <td style="border-left1: 0.8em solid gray;">5</td>
                            <td title="HttpJob.95030788-2d01-495f-8e75-e2bdd6d2d84b">
                                <a href="/job/itemlist/5">baidu</a>
                            </td>
                            <td>0 */5 * * * ?</td>

                            <td>
                                <a type="button" class="btn btn-default btn-xs btn-success"
                                   href="/job/itemlist/5?show=Success">81339</a>
                                -
                                <a type="button" class="btn btn-default btn-xs btn-warning"
                                   href="/job/itemlist/5?show=Warning">7</a>
                                -
                                <a type="button" class="btn btn-default btn-xs btn-danger"
                                   href="/job/itemlist/5?show=Failure">1576</a>
                            </td>
                            <td>
                                <a href="/job/list/29">测试1</a>
                            </td>
                            <td>HttpJob</td>
                            <td class="triggerState">NORMAL</td>
                            <td>root NORMAL</td>
                            <td>
                                <!-- Split button -->
                                <div class="btn-group">
                                    <button type="button" class="btn btn-xs btn-info">
                                        <span class="glyphicon glyphicon-pause" aria-hidden="true"></span>
                                        暂停
                                    </button>
                                    <button type="button" class="btn btn-xs btn-warning dropdown-toggle" data-toggle="dropdown">
                                        <span class="caret"></span>
                                        <span class="sr-only">Toggle Dropdown</span>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                        <li>
                                            <a href="#">
                                                <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
                                                修改
                                            </a>
                                        </li>
                                        <li><a href="#"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> 查看</a></li>
                                        <li><a href="#"><span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span> 其它操作</a></li>
                                        <li class="divider"></li>
                                        <li><a href="#"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> 删除</a></li>
                                    </ul>
                                </div>

                            </td>
                        </tr>

                        <tr data-item-id="8">
                            <td style="border-left1: 0.8em solid gray;">8</td>
                            <td title="HttpJob.880ff79e-e23d-4f1d-b14b-ad2592238829">
                                <a href="/job/itemlist/8">无最终状态订单 监控报警邮件服务</a>
                            </td>
                            <td>0 0 10 * * ?</td>

                            <td>
                                <a type="button" class="btn btn-default btn-xs btn-success"
                                   href="/job/itemlist/8?show=Success">225</a>
                                -
                                <a type="button" class="btn btn-default btn-xs btn-warning"
                                   href="/job/itemlist/8?show=Warning">20</a>
                                -
                                <a type="button" class="btn btn-default btn-xs btn-danger"
                                   href="/job/itemlist/8?show=Failure">27</a>
                            </td>
                            <td>
                                <a href="/job/list/32">订单监控</a>
                            </td>
                            <td>HttpJob</td>
                            <td class="triggerState">NORMAL</td>
                            <td>jiatao NORMAL</td>
                            <td>
                                <!-- Split button -->
                                <div class="btn-group">
                                    <button type="button" class="btn btn-xs btn-info">
                                        <span class="glyphicon glyphicon-pause" aria-hidden="true"></span>
                                        暂停
                                    </button>
                                    <button type="button" class="btn btn-xs btn-warning dropdown-toggle" data-toggle="dropdown">
                                        <span class="caret"></span>
                                        <span class="sr-only">Toggle Dropdown</span>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                        <li>
                                            <a href="#">
                                                <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
                                                修改
                                            </a>
                                        </li>
                                        <li><a href="#"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> 查看</a></li>
                                        <li><a href="#"><span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span> 其它操作</a></li>
                                        <li class="divider"></li>
                                        <li><a href="#"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> 删除</a></li>
                                    </ul>
                                </div>

                            </td>
                        </tr>

                        <tr data-item-id="11">
                            <td style="border-left1: 0.8em solid gray;">11</td>
                            <td title="HttpJob.e939f8de-d3e8-4aa7-aa44-180c59939514">
                                <a href="/job/itemlist/11">U掌柜订单出库抓取</a>
                            </td>
                            <td>0 */1 * * * ?</td>

                            <td>
                                <span class="label label-success">0</span>
                                -
                                <a type="button" class="btn btn-default btn-xs btn-warning"
                                   href="/job/itemlist/11?show=Warning">3</a>
                                -
                                <a type="button" class="btn btn-default btn-xs btn-danger"
                                   href="/job/itemlist/11?show=Failure">1509</a>
                            </td>
                            <td>
                                <a href="/job/list/35">EDI.JOB</a>
                            </td>
                            <td>HttpJob</td>
                            <td class="triggerState">PAUSED</td>
                            <td>jiatao PAUSED</td>
                            <td>
                                <!-- Split button -->
                                <div class="btn-group">
                                    <button type="button" class="btn btn-xs btn-info">
                                        <span class="glyphicon glyphicon-play" aria-hidden="true"></span>
                                        暂停
                                    </button>
                                    <button type="button" class="btn btn-xs btn-warning dropdown-toggle" data-toggle="dropdown">
                                        <span class="caret"></span>
                                        <span class="sr-only">Toggle Dropdown</span>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                        <li>
                                            <a href="#">
                                                <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
                                                修改
                                            </a>
                                        </li>
                                        <li><a href="#"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> 查看</a></li>
                                        <li><a href="#"><span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span> 其它操作</a></li>
                                        <li class="divider"></li>
                                        <li><a href="#"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> 删除</a></li>
                                    </ul>
                                </div>

                            </td>
                        </tr>

                        <tr data-item-id="14">
                            <td style="border-left1: 0.8em solid gray;">14</td>
                            <td title="HttpJob.1b28a7a5-0ba5-4a8f-850f-31ea6bb44287">
                                <a href="/job/itemlist/14">受理单监控（上午）</a>
                            </td>
                            <td>0 0 10 * * ?</td>

                            <td>
                                <a type="button" class="btn btn-default btn-xs btn-success"
                                   href="/job/itemlist/14?show=Success">208</a>
                                -
                                <a type="button" class="btn btn-default btn-xs btn-warning"
                                   href="/job/itemlist/14?show=Warning">2</a>
                                -
                                <a type="button" class="btn btn-default btn-xs btn-danger"
                                   href="/job/itemlist/14?show=Failure">1</a>
                            </td>
                            <td>
                                <a href="/job/list/32">订单监控</a>
                            </td>
                            <td>HttpJob</td>
                            <td class="triggerState">PAUSED</td>
                            <td>jiatao PAUSED</td>
                            <td>
                                <!-- Split button -->
                                <div class="btn-group">
                                    <button type="button" class="btn btn-xs btn-success">
                                        <span class="glyphicon glyphicon-play" aria-hidden="true"></span>
                                        启动
                                    </button>
                                    <button type="button" class="btn btn-xs btn-warning dropdown-toggle" data-toggle="dropdown">
                                        <span class="caret"></span>
                                        <span class="sr-only">Toggle Dropdown</span>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                        <li>
                                            <a href="#">
                                                <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
                                                修改
                                            </a>
                                        </li>
                                        <li><a href="#"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> 查看</a></li>
                                        <li><a href="#"><span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span> 其它操作</a></li>
                                        <li class="divider"></li>
                                        <li><a href="#"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> 删除</a></li>
                                    </ul>
                                </div>

                            </td>
                        </tr>

                        <tr data-item-id="17">
                            <td style="border-left1: 0.8em solid gray;">17</td>
                            <td title="HttpJob.263a21a5-5205-42e6-8774-43a3d86bb79a">
                                <a href="/job/itemlist/17">受理单监控（下午）</a>
                            </td>
                            <td>0 0 22 * * ?</td>

                            <td>
                                <a type="button" class="btn btn-default btn-xs btn-success"
                                   href="/job/itemlist/17?show=Success">199</a>
                                -
                                <a type="button" class="btn btn-default btn-xs btn-warning"
                                   href="/job/itemlist/17?show=Warning">12</a>
                                -
                                <span class="label label-danger">0</span>
                            </td>
                            <td>
                                <a href="/job/list/32">订单监控</a>
                            </td>
                            <td>HttpJob</td>
                            <td class="triggerState">PAUSED</td>
                            <td>jiatao PAUSED</td>
                            <td>
                                <!-- Split button -->
                                <div class="btn-group">
                                    <button type="button" class="btn btn-xs btn-success">
                                        <span class="glyphicon glyphicon-play" aria-hidden="true"></span>
                                        启动
                                    </button>
                                    <button type="button" class="btn btn-xs btn-warning dropdown-toggle" data-toggle="dropdown">
                                        <span class="caret"></span>
                                        <span class="sr-only">Toggle Dropdown</span>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                        <li>
                                            <a href="#">
                                                <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
                                                修改
                                            </a>
                                        </li>
                                        <li><a href="#"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> 查看</a></li>
                                        <li><a href="#"><span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span> 其它操作</a></li>
                                        <li class="divider"></li>
                                        <li><a href="#"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> 删除</a></li>
                                    </ul>
                                </div>

                            </td>
                        </tr>

                        
                        <tr data-item-id="35">
                            <td style="border-left1: 0.8em solid gray;">35</td>
                            <td title="HttpJob.4d5d85bb-10a1-4333-88d0-95483b2a75ac">
                                <a href="/job/itemlist/35">分拣入库出库监控报表</a>
                            </td>
                            <td>0 0 5 * * ?</td>

                            <td>
                                <a type="button" class="btn btn-default btn-xs btn-success"
                                   href="/job/itemlist/35?show=Success">216</a>
                                -
                                <span class="label label-warning">0</span>
                                -
                                <a type="button" class="btn btn-default btn-xs btn-danger"
                                   href="/job/itemlist/35?show=Failure">9</a>
                            </td>
                            <td>
                                <a href="/job/list/38">分拣报表</a>
                            </td>
                            <td>HttpJob</td>
                            <td class="triggerState">NORMAL</td>
                            <td>wch NORMAL</td>
                            <td>
                                <!-- Split button -->
                                <div class="btn-group dropup">
                                    <button type="button" class="btn btn-xs btn-info">
                                        <span class="glyphicon glyphicon-play" aria-hidden="true"></span>
                                        暂停
                                    </button>
                                    <button type="button" class="btn btn-xs btn-warning dropdown-toggle" data-toggle="dropdown">
                                        <span class="caret"></span>
                                        <span class="sr-only">Toggle Dropdown</span>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                        <li>
                                            <a href="#">
                                                <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
                                                修改
                                            </a>
                                        </li>
                                        <li><a href="#"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> 查看</a></li>
                                        <li><a href="#"><span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span> 其它操作</a></li>
                                        <li class="divider"></li>
                                        <li><a href="#"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> 删除</a></li>
                                    </ul>
                                </div>
                            </td>
                        </tr>

                        <tr data-item-id="38">
                            <td style="border-left1: 0.8em solid gray;">38</td>
                            <td title="HttpJob.b5c51060-4135-4700-a501-7671d3ede8e5">
                                <a href="/job/itemlist/38">亚马逊云集订单转邮政</a>
                            </td>
                            <td>0 0 9 * * ?</td>

                            <td>
                                <a type="button" class="btn btn-default btn-xs btn-success"
                                   href="/job/itemlist/38?show=Success">225</a>
                                -
                                <span class="label label-warning">0</span>
                                -
                                <span class="label label-danger">0</span>
                            </td>
                            <td>
                                <a href="/job/list/11">亚马逊</a>
                            </td>
                            <td>HttpJob</td>
                            <td class="triggerState">NORMAL</td>
                            <td>jiatao NORMAL</td>
                            <td>

                                <!-- Split button -->
                                <div class="btn-group dropup">
                                    <button type="button" class="btn btn-xs btn-info">
                                        <span class="glyphicon glyphicon-play" aria-hidden="true"></span>
                                        暂停
                                    </button>
                                    <button type="button" class="btn btn-xs btn-warning dropdown-toggle" data-toggle="dropdown">
                                        <span class="caret"></span>
                                        <span class="sr-only">Toggle Dropdown</span>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                        <li>
                                            <a href="#">
                                                <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
                                                修改
                                            </a>
                                        </li>
                                        <li><a href="#"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> 查看</a></li>
                                        <li><a href="#"><span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span> 其它操作</a></li>
                                        <li class="divider"></li>
                                        <li><a href="#"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> 删除</a></li>
                                    </ul>
                                </div>

                            </td>
                        </tr>

                        <tr data-item-id="41">
                            <td style="border-left1: 0.8em solid gray;">41</td>
                            <td title="HttpJob.4b99fb99-7174-46e2-bf62-9ab314e16466">
                                <a href="/job/itemlist/41">淘宝-快客易达</a>
                            </td>
                            <td>600</td>

                            <td>
                                <a type="button" class="btn btn-default btn-xs btn-success"
                                   href="/job/itemlist/41?show=Success">1203364</a>
                                -
                                <a type="button" class="btn btn-default btn-xs btn-warning"
                                   href="/job/itemlist/41?show=Warning">68</a>
                                -
                                <a type="button" class="btn btn-default btn-xs btn-danger"
                                   href="/job/itemlist/41?show=Failure">91</a>
                            </td>
                            <td>
                                <a href="/job/list/59">淘宝-天猫</a>
                            </td>
                            <td>HttpJob</td>
                            <td class="triggerState">NORMAL</td>
                            <td>jiatao NORMAL</td>
                            <td>

                                <!-- Split button -->
                                <div class="btn-group dropup">
                                    <button type="button" class="btn btn-xs btn-info">
                                        <span class="glyphicon glyphicon-play" aria-hidden="true"></span>
                                        暂停
                                    </button>
                                    <button type="button" class="btn btn-xs btn-warning dropdown-toggle" data-toggle="dropdown">
                                        <span class="caret"></span>
                                        <span class="sr-only">Toggle Dropdown</span>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                        <li>
                                            <a href="#">
                                                <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
                                                修改
                                            </a>
                                        </li>
                                        <li><a href="#"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> 查看</a></li>
                                        <li><a href="#"><span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span> 其它操作</a></li>
                                        <li class="divider"></li>
                                        <li><a href="#"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> 删除</a></li>
                                    </ul>
                                </div>

                            </td>
                        </tr>

                    </tbody>
                </table>
            </div>



            <div class="panel-footer" style="padding:5px 5px 1px;">
                <div class="row">
                    <div class="col-sm-3">
                        <button type="button" class="btn btn-default btn-sm">全选</button>
                        <button type="button" class="btn btn-danger btn-sm">删除</button>
                    </div>
                    <div class="col-sm-4" style="line-height:36px;">
                        总共 1234 条数据，每页显示 10 条数据，当前第 5/12 页
                    </div>
                    <div class="col-sm-4 text-center">
                        <ul class="pagination" style="margin:0;">
                            <li class='disabled'>
                                <a href="#" aria-label="First">
                                    <span aria-hidden="true">&laquo;</span>
                                </a>
                            </li>

                            <li class='active'>
                                <a data-toggle="tooltip"
                                   title="当前第1/11页　总共131条数据　每页显示12条数据"
                                   href="?page=1">1</a>
                            </li>

                            <li>
                                <a data-toggle="tooltip"
                                   title="当前第1/11页　总共131条数据　每页显示12条数据"
                                   href="?page=2">2</a>
                            </li>

                            <li>
                                <a data-toggle="tooltip"
                                   title="当前第1/11页　总共131条数据　每页显示12条数据"
                                   href="?page=3">3</a>
                            </li>

                            <li>
                                <a data-toggle="tooltip"
                                   title="当前第1/11页　总共131条数据　每页显示12条数据"
                                   href="?page=4">4</a>
                            </li>

                            <li>
                                <a data-toggle="tooltip"
                                   title="当前第1/11页　总共131条数据　每页显示12条数据"
                                   href="?page=5">5</a>
                            </li>

                            <li>
                                <a data-toggle="tooltip"
                                   title="当前第1/11页　总共131条数据　每页显示12条数据"
                                   href="?page=6">6</a>
                            </li>

                            <li>
                                <a data-toggle="tooltip"
                                   title="当前第1/11页　总共131条数据　每页显示12条数据"
                                   href="?page=7">7</a>
                            </li>

                            <!-- 	<li class="active"><a href="#">1<span class="sr-only">(current)</span></a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li> -->

                            <li>
                                <a href="?page=11" aria-label="Last">
                                    <span aria-hidden="true">&raquo;</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>

    </div>



    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>